<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>10_DOM事件监听</title>
</head>
<body>
    <button onclick="alert('最近降温,注意保暖！')">弹出警告框</button>
    <button id="btn">我是按钮</button>
    <h4>震惊:居然发生了这种事...</h4>
    <div>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, ad at consequatur doloribus fuga
            incidunt ipsum iusto laborum magnam magni maxime, placeat possimus quam, quidem repellat repudiandae sed
            sint soluta.
        </div>
        <div>Alias aperiam culpa dolorem exercitationem, laboriosam nostrum obcaecati odit possimus quaerat quod quos
            rerum sed similique sint, tempora unde ut. Ab animi aspernatur blanditiis expedita facere, odit perspiciatis
            quam sit!
        </div>
        <div>Ad aliquid atque blanditiis delectus deserunt dolorum ducimus facilis hic laboriosam laborum minus mollitia
            natus neque nostrum odio quaerat quas, quia, quibusdam, recusandae sunt. Cupiditate debitis eveniet expedita
            iste provident.
        </div>
        <div>Accusamus aliquam aperiam consequatur cumque, delectus ea est eum eveniet facilis illum iste laboriosam
            minima nam non obcaecati officiis perferendis provident quam quidem quisquam repellat repellendus, saepe
            sint sunt suscipit?
        </div>
        <div>Commodi consectetur culpa cum cupiditate delectus, dolor, eos, exercitationem expedita iste maiores
            molestiae nisi perspiciatis quae repellendus temporibus voluptate voluptatem. Dignissimos fuga fugiat labore
            libero minus nemo nulla numquam sed!
        </div>
    </div>
    <script>
        let buttonE = document.getElementById('btn');
        buttonE.addEventListener('click',function (){
            alert('hhhhhh');
        })
        //鼠标移入事件
        let h4E = document.querySelector('h4');
        h4E.addEventListener('mouseenter',function (){
            console.log('标题被查看了');
        })

        window.addEventListener('scroll',function (){
            alert('页面被卷曲了')
        })
    </script>
</body>
</html>